<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<c:set value="${requestScope.response.data.pageInfoUtil }" var="pageInfoUtil"/>
<c:set value="${requestScope.response.data.one }" var="one"/>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>商品详情 - 商城</title>
		<%@ include file="/common/include/title.jsp"%>
	</head>
	<body>
		<jsp:include page="/MainHeadServlet">
			<jsp:param value="header" name="method"/>
		</jsp:include>
		<div id="mainBody">
			<div class="container">
				<div class="row">
					<%@ include file="/common/include/leftBar.jsp"%>
					<div class="span9">
						<ul class="breadcrumb">
							<li><a href="${rootPath }/MainHeadServlet?method=main">首页</a><span class="divider">/</span></li>
							<li><a href="${rootPath }/MainHeadServlet?method=goodsLsit">产品列表</a><span class="divider">/</span></li>
							<li class="active">商品详情</li>
						</ul>
						<div class="row">
							<div id="gallery" class="span3">
								<c:choose>
									<c:when test="${one.listImg != null && one.listImg != '' }">
										<a href="${websiteFileUrl}${one.listImg }" target="_blank">
											<img alt="" src="${websiteFileUrl}${one.listImg }" width="270" height="270">
										</a>
									</c:when>
									<c:otherwise>
										<img alt="" src="${rootPath }/img/no_pic.png" width="270" height="270">
									</c:otherwise>
								</c:choose>
								<div id="differentview" class="moreOptopm carousel slide">
									<div class="carousel-inner">
										<%-- <div class="item active">
											<a href="${rootPath}/common/resource/themes/images/products/large/f1.jpg"> <img
												style="width: 29%" src="${rootPath}/common/resource/themes/images/products/large/f1.jpg"
												alt=""></a> <a href="${rootPath}/common/resource/themes/images/products/large/f2.jpg">
												<img style="width: 29%"
												src="${rootPath}/common/resource/themes/images/products/large/f2.jpg" alt="">
											</a> <a href="${rootPath}/common/resource/themes/images/products/large/f3.jpg"> <img
												style="width: 29%" src="${rootPath}/common/resource/themes/images/products/large/f3.jpg"
												alt=""></a>
										</div> --%>
										<%-- <div class="item">
											<a href="${rootPath}/common/resource/themes/images/products/large/f3.jpg"> <img
												style="width: 29%" src="${rootPath}/common/resource/themes/images/products/large/f3.jpg"
												alt=""></a> <a href="${rootPath}/common/resource/themes/images/products/large/f1.jpg">
												<img style="width: 29%"
												src="${rootPath}/common/resource/themes/images/products/large/f1.jpg" alt="">
											</a> <a href="${rootPath}/common/resource/themes/images/products/large/f2.jpg"> <img
												style="width: 29%" src="${rootPath}/common/resource/themes/images/products/large/f2.jpg"
												alt=""></a>
										</div> --%>
									</div>
									<!--  
				  <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
	              <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
				  -->
								</div>
	
								<!-- <div class="btn-toolbar">
									<div class="btn-group">
										<span class="btn"><i class="icon-envelope"></i></span> <span
											class="btn"><i class="icon-print"></i></span> <span
											class="btn"><i class="icon-zoom-in"></i></span> <span
											class="btn"><i class="icon-star"></i></span> <span class="btn"><i
											class=" icon-thumbs-up"></i></span> <span class="btn"><i
											class="icon-thumbs-down"></i></span>
									</div>
								</div> -->
							</div>
							<div class="span6">
								<h3>${one.title }</h3>
								<!-- <small>- (14MP, 18x Optical Zoom) 3-inch LCD</small> -->
								<hr class="soft">
								<form class="form-horizontal qtyFrm">
									<div class="control-group">
										<label class="control-label"><span>${one.price }</span></label>
										<div class="controls">
											<button type="button" onclick="return addCart('${one.id}','1')"
												class="btn btn-large btn-primary pull-right">
												添加购物车 <i class=" icon-shopping-cart"></i>
											</button>
										</div>
									</div>
								</form>
	
								<hr class="soft">
								<h4>库存:${one.stockNum }&nbsp;销量:${one.saleNum }</h4>
								<!-- <form class="form-horizontal qtyFrm pull-right">
									<div class="control-group">
										<label class="control-label"><span>Color</span></label>
										<div class="controls">
											<select class="span2">
												<option>Black</option>
												<option>Red</option>
												<option>Blue</option>
												<option>Brown</option>
											</select>
										</div>
									</div>
								</form> -->
								<hr class="soft clr">
								<p>${one.brief }</p>
								<a class="btn btn-small pull-right" href="#detail">更多</a>
								<br class="clr">
								<a href="#" name="detail"></a>
								<hr class="soft">
							</div>
	
							<div class="span9">
								<ul id="productDetail" class="nav nav-tabs">
									<li class="active">
										<a href="#home" data-toggle="tab">产品介绍</a>
									</li>
									<!-- <li>
										<a href="#profile" data-toggle="tab">相关产品</a>
									</li> -->
								</ul>
								<div id="myTabContent" class="tab-content">
									<div class="tab-pane fade active in" id="home">
										${one.content }
									</div>
									<div class="tab-pane fade" id="profile">
										<div id="myTab" class="pull-right">
											<a href="#listView" data-toggle="tab"><span
												class="btn btn-large"><i class="icon-list"></i></span></a> <a
												href="#blockView" data-toggle="tab"><span
												class="btn btn-large btn-primary"><i
													class="icon-th-large"></i></span></a>
										</div>
										<br class="clr">
										<hr class="soft">
										<div class="tab-content">
											<div class="tab-pane" id="listView">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/4.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
												<hr class="soft">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/5.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
												<hr class="soft">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/6.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
												<hr class="soft">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/7.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
	
												<hr class="soft">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/8.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
												<hr class="soft">
												<div class="row">
													<div class="span2">
														<img src="${rootPath}/common/resource/themes/images/products/9.jpg" alt="">
													</div>
													<div class="span4">
														<h3>New | Available</h3>
														<hr class="soft">
														<h5>Product Name</h5>
														<p>Nowadays the lingerie industry is one of the most
															successful business spheres.We always stay in touch with
															the latest fashion tendencies - that is why our goods are
															so popular..</p>
														<a class="btn btn-small pull-right"
															href="product_details.html">View Details</a> <br
															class="clr">
													</div>
													<div class="span3 alignR">
														<form class="form-horizontal qtyFrm">
															<h3>$222.00</h3>
															<label class="checkbox"> <input type="checkbox">
																Adds product to compair
															</label><br>
															<div class="btn-group">
																<a href="product_details.html"
																	class="btn btn-large btn-primary"> Add to <i
																	class=" icon-shopping-cart"></i></a> <a
																	href="product_details.html" class="btn btn-large"><i
																	class="icon-zoom-in"></i></a>
															</div>
														</form>
													</div>
												</div>
												<hr class="soft">
											</div>
											<div class="tab-pane active" id="blockView">
												<ul class="thumbnails">
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/10.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/11.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/12.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/13.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/1.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
													<li class="span3">
														<div class="thumbnail">
															<a href="product_details.html"><img
																src="${rootPath}/common/resource/themes/images/products/2.jpg" alt=""></a>
															<div class="caption">
																<h5>Manicure &amp; Pedicure</h5>
																<p>Lorem Ipsum is simply dummy text.</p>
																<h4 style="text-align: center">
																	<a class="btn" href="product_details.html"> <i
																		class="icon-zoom-in"></i></a> <a class="btn" href="#">Add
																		to <i class="icon-shopping-cart"></i>
																	</a> <a class="btn btn-primary" href="#">€222.00</a>
																</h4>
															</div>
														</div>
													</li>
												</ul>
												<hr class="soft">
											</div>
										</div>
										<br class="clr">
									</div>
								</div>
							</div>
	
						</div>
					</div>
				</div>
			</div>
		</div>
		<%@ include file="/common/include/footer.jsp"%>
	</body>
</html>